<template>
  <div>
    <!-- <ul>
      <li v-for="(item) in list" :key="item">
        <input />
        <button @click="list.splice(index,1)">删除当前项</button>
      </li>
    </ul> -->
    <p ref="p">{{a}}</p>
    <button @click="getA()">修改</button>
  </div>
</template>

<script>
export default {
  data () {
    return {
      // list: [1,2,3]
      a: 1
    }
  },
  methods: {
    getA () {
      this.a = 10 // 同步过程   虚拟dom变更  真实dom变更
      this.$nextTick(()=>{
        console.log(this.$refs['p'].innerHTML) // 同步过程
      })
      
      // console.log(this.$refs['p'])
    }
  },
  mounted () {
    
    // setInterval(()=>{
    //   console.log('定时器')
    // }, 3000)
  },
  beforeUnmount() {
    console.log('卸载')
  },
}
</script>

<style>

</style>